<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(function(){
        $('.menu li  a').click(function(event){
            var elem = $(this).next();
            if(elem.is('ul')){
                event.preventDefault();
                $('.menu ul:visible').not(elem).slideUp();
                elem.slideToggle();
            }
        });
    });
</script>
<div id="columnaIzquierda">
    <div id="notificaciones">
        <c:if test="${notificacionesBean.hayNotificaciones >0}">

            <ul>
                <c:if test="${notificacionesBean.numeroPendientes>0}">

                    <li onclick=" oculta=document.getElementById('peticionesAmistad');
                            if(oculta.style.display=='none' || oculta.style.display=='' ){
                                oculta.style.display='inline';
                            }
                            else{
                                oculta.style.display='none';
                            }
                        " class="peticion"><fmt:bundle  basename="redinftel/properties/mensaje" >
                            <fmt:message key="amistad.tiene"/></fmt:bundle>${notificacionesBean.numeroPendientes
                        }<fmt:bundle  basename="redinftel/properties/mensaje" >
                            <fmt:message key="amistad.peticion"/></fmt:bundle>
                        </li>
                        <div id="peticionesAmistad" class="oculta">
                            <ul>
                            <c:forEach items="${notificacionesBean.listaPendientes}" var="amistades">
                                <li><a href="perfil.jsp?idAmigo=${amistades.idAmigo1.idUsuario}">
                                        ${amistades.idAmigo1.perfil.nombre} ${amistades.idAmigo1.perfil.apellidos}</a></li>
                            </c:forEach><br/>
                        </ul>
                    </div>
                </c:if>
                <c:if test="${notificacionesBean.numeroMensajes>0}">
                    <li>
                        <a class="peticion" href="bandejaEntrada.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" >
                                <fmt:message key="amistad.tiene"/></fmt:bundle> ${notificacionesBean.numeroMensajes} <fmt:bundle  basename="redinftel/properties/mensaje" >
                                <fmt:message key="mensaje.leer"/></fmt:bundle></a>
                        </li>
                </c:if>
            </ul>
        </c:if>
        <c:if test="${notificacionesBean.hayNotificaciones == 0}">
            <p><fmt:bundle  basename="redinftel/properties/mensaje"><fmt:message key="izquierda.mensajeNotificaciones"/></fmt:bundle></p>
        </c:if>
    </div>
    <div class="menuDiv">

        <br/><br/>
        <a class="linkLista" href ="lista_amigos.jsp">
            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.lista"/></fmt:bundle>
        </a>
        <br/><br/><br/>
        <ul class="menu">
            <li> <a href ="#">
                    <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.listaAmigos"/></fmt:bundle>
                </a>
                <ul>
                    <c:forEach items="${listaamigosBean.listaAmigos}" var="lista">
                        <li>
                            <h:form>
                                <a href="mostrarLista.jsp?lista=${lista.nombre}">
                                    <c:out value="${lista.nombre}"></c:out></a>
                                <input type="hidden" value="${lista.idLista}" name="idLista"/>
                                <h:commandButton action="#{listaamigosBean.doEliminar}" styleClass="eliminarLista"/>
                            </h:form>
                        </li>
                    </c:forEach>
                </ul>
            </li>
        </ul>

    </div>
     <br/><br/>
    <div class="menuDiv">
        <ul class="menu">
            <li><a href="#"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.mensaje"/></fmt:bundle></a>
                <ul>
                    <li><a href="nuevoMensaje.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.nuevo"/></fmt:bundle></a></li>
                    <li><a href="bandejaEntrada.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.entrada"/></fmt:bundle></a></li>
                    <li><a href="bandejaSalida.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.salida"/></fmt:bundle></a></li>
                </ul>
            </li>
        </ul>
    </div>
                <br/><br/>
    <div class="menuDiv">
        <ul class="menu">
            <li><a href="#"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.juegos"/></fmt:bundle></a>
                <ul>
                    <li><a href="juego1.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.juego1"/></fmt:bundle></a></li>
                    <li><a href="juego2.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.juego2"/></fmt:bundle></a></li>
                    <li><a href="juego3.jsp"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.juego3"/></fmt:bundle></a></li>
                </ul>
            </li>
        </ul>
    </div>
    <a class="linkLista" href ="chat.jsp">
            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="izquierda.chat"/></fmt:bundle>
    </a>
</div>
